// 按钮加减
//  console.log('button:last-child');
var num1 = 0;
var num2 = 0;
// 加事件
$('.Gui-btn1').click(function () {

    console.log();
    num1 = Number($(this).next().text());
    num1++;
    // 设置到页面上
    $(this).next().text(num1);
});


$('.Gui-btn2').click(function () {
    num2 = Number($(this).prev().text());
    if (num2 > 1) {
        num2--;
    } else {
        alert('不能再减了');
        return;
    }
    console.log(num2);
    // // 设置到页面上
    $(this).prev().text(num2);
});


// 详情页渲染
$.ajax({
    type: 'GET',
    url: '../mock/index.json',
    data: {},
    success: function (data) {
        var str = '';
        var arrs = [];
        arrs = data[0].index;
        console.log(arrs);
        for (let i = 0; i < arrs.length; i++) {
            // console.log(data.length);
            str += `
            <li class="Gui-view-opacity_img">
                <!-- 照片 -->
                <div class="Gui-view-p-img">
                <img src="${ arrs[i].url[0] }" alt="">
                </div>
                <div class="Gui-view-p-name" title="摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色">
                    ${ arrs[i].rz_shop_name }
                </div>
                <div class="Gui-view-p-price">
                    <div class="Gui-view-shop-price">
                        ${ arrs[i].goods_price }
                    </div>
                    <div class="Gui-view-original-price"><del> ${ arrs[i].market_price }</del></div>
                </div>
        </li> `
        }
        $('.Gui-clearfix').html(str)
        $('.Gui-clearfix>li').click(function () {
            localStorage.setItem('indexs', $(this).index())
            location.assign("../../HTML/juicer.html")
        })
    }
})


$('.tianchu').click(function () {
    $('.i_avatar_box').css('display', 'block')
    $('.i_menbu').css('display', 'block')
})
$('.xiaoshi').click(function () {
    $('.i_avatar_box').css('display', 'none')
    $('.i_menbu').css('display', 'none')
})




// 侧边栏
$('.tianchu').click(function () {
    $('.i_avatar_box').css('display', 'block')
    $('.i_menbu').css('display', 'block')
})
$('.xiaoshi').click(function () {
    $('.i_avatar_box').css('display', 'none')
    $('.i_menbu').css('display', 'none')
})

$('.clicck').click(function () {
    $('.i_avatar_box').css('display', 'block')
    $('.i_menbu').css('display', 'block')
})

/* 回到顶部 */
$(window).scroll(function () {
    console.log(11);
    // 监听滚动条
    console.log($(window).scrollTop());
    if ($(window).scrollTop() >= 100) {
        $(".fanhui").fadeIn(600);
    } else {
        $(".fanhui").fadeOut(600);
    }
})

$(".fanhui").click(function () {
    $("html").animate({
        scrollTop: 0
    }, 1000)
})

$(".wkuan").click(function () {
    // toggle(speed, easing, callback)
    $(".i_go-shop").toggle(500, "swing", function () { })
})




// 详情页的头部css
// 横幅
$('.cha').click(function () {
    $(this).parents('.banner').css('display', 'none')
})

// 分类
$('.classify-right>li>a').click(function () {
    $(this).css('color', 'red')
})


// 郑州市
$('.city').mouseover(function () {
    $(this).css('background-color', '#fff');
    $(this).css('border-right', '1px solid #ccc');
    $(this).css('border-left', '1px solid #ccc');
    $(this).next('.two').css('display', 'block');
})
$('.city').mouseout(function () {
    $(this).css('background-color', '#eee');
    $(this).css('border', 'none');
    $(this).next('.two').css('display', 'none');
})


// 网站导航
$('.last').mouseover(function () {
    $(this).css('background-color', '#fff');
    $(this).css('border-right', '1px solid #ccc');
    $(this).css('border-left', '1px solid #ccc');
    $(this).next('.layer').css('display', 'block');
})
$('.last').mouseout(function () {
    $(this).css('background-color', '#eee');
    $(this).css('border', 'none');
    $(this).next('.layer').css('display', 'none');
})

// 购物车
$('.car').mouseover(function () {
    $(this).css('border-bottom', '1px solid #fff');
    $(this).next('.car-son').css('display', 'block')
})
$('.car').mouseout(function () {
    hu
    $(this).css('border-bottom', '1px solid #ccc');
    $(this).next('.car-son').css('display', 'none')
})




